<template>
  <view class="future">

    <Start  v-if="defStatus === EnumStatus.STATUS" v-model:content="content" v-model:defStatus="defStatus"  />
    <Result v-else :content="content" v-model:defStatus="defStatus"  />
  </view>
</template>

<script setup lang="ts">
import { EnumStatus } from "@/utils/constants";
import Start from "./components/Start.vue";
import Result from "./components/Result.vue";
import Roast from "@/components/Roast/Roast.vue";
import Recommend from "@/components/Recommend/Recommend.vue";
import ToDY from "@/components/ToDY/ToDY.vue";
const defStatus = ref(EnumStatus.STATUS)
const content = ref()
</script>
<style>
page{
    width: 100%;
    height: 100%;
}

</style>
<style lang="scss" scoped>
.future{
    width: 100%;
    height: 100%;
    background-color: rgb(247,245,241);
}
</style>
